<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="mytag" uri="/WEB-INF/tag/tag.tld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<mytag:head title="农产品溯源系统-首页" defineCss="/ncpsy/static/css/index.css" defineJs="/ncpsy/static/js/jquery.particleground.min.js"/>

<body>
<header class="nav-container">
    <ul class="index-nav layui-container" lay-filter="" style="height: 60px">
        <li class="logo-container">
            <img class="nav-logo" src="/ncpsy/static/img/game_sdk_toolbaricon_logo.png">
            <p class="nav-logo-title"><b>魔橙</b>农产品溯源系统</p>
        </li>
        <li class="layui-nav-item" style="float:right">
            <a href="/ncpsy/login" style="font-size: 20px;color: white">企业登录</a>
        </li>
    </ul>
</header>
<div class="index-search-container">
    <div class="layui-container">
        <h2 class="index-search-title"><b>溯</b>食品之源，<b>护</b>生命之美。</h2>
        <div class="index-search-form">
            <form class="layui-form">
                <i class="layui-icon layui-icon-search"></i>
                <input type="text" name="ncpid" required lay-verify="required" placeholder="请输入农产品id" autocomplete="off"
                       class="layui-input index-search-input" maxlength="20" id="ncpid">
            </form>
            <button class="index-search-btn layui-btn" id="search">溯 源</button>
        </div>
    </div>
</div>

<div class="index-block1 index-block">
    <div class="layui-container">
        <h1 class="block-title-wrapper">
            <img class="block-title" src="/ncpsy/static/img/block1-title.png" alt="应用对象" />
        </h1>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-1.png" alt="蔬菜" />
                    <div class="text-wrapper">
                        <p class="title">蔬菜<br>Vegetable</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-2.png" alt="水果" />
                    <div class="text-wrapper">
                        <p class="title">水果<br>Fruit</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-3.png" alt="蔬菜" />
                    <div class="text-wrapper">
                        <p class="title">水产品<br>Sea Food</p>
                    </div>
                </div>
            </div>

            <hr style="width:100%;margin: 0;padding:0;color: transparent;background-color: transparent">

            <div class="layui-col-md3">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-4.png" alt="粮食" />
                    <div class="text-wrapper">
                        <p class="title">粮食<br>Grain</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-5.png" alt="乳制品" />
                    <div class="text-wrapper">
                        <p class="title">乳制品<br>Dairy Products</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="img-wrapper">
                    <img class="block1-img" src="/ncpsy/static/img/block1-img-6.png" alt="肉蛋类" />
                    <div class="text-wrapper black">
                        <p class="title">肉蛋类<br>Meat and Eggs</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">


        </div>
    </div>
</div>

<div class="index-block2 index-block">
    <div class="layui-container">
        <h1 class="block-title-wrapper">
            <img class="block-title" src="/ncpsy/static/img/block2-title.png" alt="平台价值" />
        </h1>
        <div class="layui-row layui-col-space18">
            <div class="layui-col-md3">
                <div class="block2-card">
                    <img class="block2-card-icon" src="/ncpsy/static/img/block2-icon-1.png" alt="icon1" />
                    <h2 class="block2-card-title">信息可追溯</h2>
                    <p class="block2-card-desc">
                        区块链数据不可篡改的特性使得数据有迹可循，多方交叉验证保障数据真实可信，推动厂商增收、企业增效、财政增税、消费增信、品牌增值。

                    </p>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="block2-card">
                    <img class="block2-card-icon" src="/ncpsy/static/img/block2-icon-2.png" alt="icon2" />
                    <h2 class="block2-card-title">产业链数据可视化</h2>
                    <p class="block2-card-desc">
                        数据的公开透明使整个供应链条形成完整且可信的数据流，推动产业优化升级和现代化转型，提升供应链管理的整体效率，引导供给端企业优化产能。

                    </p>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="block2-card">
                    <img class="block2-card-icon" src="/ncpsy/static/img/block2-icon-3.png" alt="icon3" />
                    <h2 class="block2-card-title">结合智慧仓储物流管理系统</h2>
                    <p class="block2-card-desc">
                        通过IoT设备搭建新型智慧公共仓，实现仓储智能化，有效控制并跟踪仓库业务的物流和成本管理全过程，实现完善的企业仓储信息管理。

                    </p>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="block2-card">
                    <img class="block2-card-icon" src="/ncpsy/static/img/block2-icon-4.png" alt="icon4" />
                    <h2 class="block2-card-title">数据高效监管</h2>
                    <p class="block2-card-desc">
                        监管机构通过在区块链中架设节点，可实时查看区块链上的全量数据，利用区块链技术实现真正的穿透式监管。

                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="index-block3 index-block">
    <div class="layui-container">
        <h1 class="block-title-wrapper">
            <img class="block-title" src="/ncpsy/static/img/block3-title.png" alt="业务逻辑" />
        </h1>
        <img class="block3-img" src="/ncpsy/static/img/block3-img.png" alt="业务逻辑图">
    </div>
</div>

<div class="footer index-footer">
    <p>Copyright © 2015-2025 magicoranges.cn All rights reserved. 法律声明 隐私政策声明</p>

    <p class="footer-span-wrapper">
        <span class="span">沪ICP备 16023919号</span>
        <span class="span">沪公网安备 31010902002700号</span>
        <span class="span">沪网文(2016) 3347-238号</span>
    </p>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
<script>

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
        var element = layui.element;
        layer=layui.layer;
        $("#search").on("click", function () {
            var ncpid=$("#ncpid").val();
            if (ncpid == null || ncpid == ''){
                layer.msg("农产品批次号不能为空");
                return;
            }
            window.location.href = "/ncpsy/goodsDetail?ncpid="+ $("#ncpid").val();
        });
    });
</script>
</body>
</html>